<!DOCTYPE html>
<html>

<!-- Mirrored from www.ivanjevremovic.in.rs/live/motivation/orange/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 18 Mar 2013 08:35:08 GMT -->
<head>
<title>Motivation</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="True" name="HandheldFriendly" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="viewport" content="width=device-width" />

<!--imports the main css file-->
<link rel="stylesheet" href="css/style.css" />
<!--imports the media queries css file-->
<link rel="stylesheet" href="../css/media-queries.css" />
<!--imports prettyPhoto css file-->
<link rel="stylesheet" href="../css/prettyPhoto.css" />

<!--imports jquery-->
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/jquery-migrate-1.1.0.min.js"></script>

<!--imports jquery form plugin-->
<script src="../js/jquery.form.js"></script>

<!-- imports the sticky plugin -->
<script src="../js/jquery.sticky.js"></script>

<!--imports jQuery Tools plugin-->
<script src="../js/jquery.tools.min.js"></script>

<!--imports scrollTo plugin-->
<script src="../js/jquery.scrollTo-1.4.3.1-min.js"></script>

<!--imports jquery nav plugin-->
<script src="../js/jquery.nav.js"></script>

<!--imports prettyPhoto plugin-->
<script src="../js/jquery.prettyPhoto.js"></script>

<!--imports twitter feed plugin-->
<script src="../js/jquery.tweet.js"></script>


<!--imports custom javascript code-->
<script src="../js/custom.js"></script>


<!--[if IE 7]><link href="../css/ie7.css" rel="stylesheet" /><![endif]-->
<!--[if IE 8]>
	<link href="../css/ie8.css" rel="stylesheet" />
	<script src="../js/respond.js"></script>
<![endif]-->

<link rel="stylesheet" href="../css/layout.css" />
<script src="../js/options.js"></script>

</head>

<body class="pattern-11">

<!--  START STYLE SWITCHER (preview only)  -->

<div id="optwrap">		
	<div id="options">
	<div class="color-switcher">
		<div class="section cf">
			<strong>Change the color style</strong> <br />
			
			<ul class="color-styles">
				<li><a class="color-1" href="index-content-slider.html"></a></li>
				<li><a class="color-2" href="http://www.ivanjevremovic.in.rs/live/motivation/pink/index-content-slider.html"></a></li>						
				<li><a class="color-3" href="http://www.ivanjevremovic.in.rs/live/motivation/blue/index-content-slider.html"></a></li>
				<li><a class="color-4" href="http://www.ivanjevremovic.in.rs/live/motivation/red/index-content-slider.html"></a></li>
				<li><a class="color-5" href="http://www.ivanjevremovic.in.rs/live/motivation/cucumber-green/index-content-slider.html"></a></li>
				<li><a class="color-6" href="http://www.ivanjevremovic.in.rs/live/motivation/nepal-blue/index-content-slider.html"></a></li>
				<li><a class="color-7" href="http://www.ivanjevremovic.in.rs/live/motivation/purple/index-content-slider.html"></a></li>
				<li><a class="color-8" href="http://www.ivanjevremovic.in.rs/live/motivation/viola/index-content-slider.html"></a></li>
				<li><a class="color-9" href="http://www.ivanjevremovic.in.rs/live/motivation/turquoise/index-content-slider.html"></a></li>
			</ul>
		
		</div>
		
		</div>		
		
		<div class="section cf">		
			<strong>Body Backgrounds</strong> <br />
		
			<ul id="bg-patt">
					<li><a class="pattern-1" href="pattern-1.html"></a></li>
					<li><a class="pattern-2" href="pattern-2.html"></a></li>
					<li><a class="pattern-3" href="pattern-3.html"></a></li>
					<li><a class="pattern-4" href="pattern-4.html"></a></li>
					<li><a class="pattern-5" href="pattern-5.html"></a></li>
					<li><a class="pattern-6" href="pattern-6.html"></a></li>
					<li><a class="pattern-7" href="pattern-7.html"></a></li>
					<li><a class="pattern-8" href="pattern-8.html"></a></li>
					<li><a class="pattern-9" href="pattern-9.html"></a></li>
					<li><a class="pattern-10" href="pattern-10.html"></a></li>
					<li><a class="pattern-11" href="pattern-11.html"></a></li>
					<li><a class="pattern-12" href="pattern-12.html"></a></li>
				</ul>	
			</div>		
			
			<div class="section cf">		
				<strong>Left Side Backgrounds</strong> <br />
			
				<ul id="lbg-patt">
					<li><a class="pattern-19" href="pattern-19.html"></a></li>
					<li><a class="pattern-13" href="pattern-13.html"></a></li>
					<li><a class="pattern-14" href="pattern-14.html"></a></li>
					<li><a class="pattern-15" href="pattern-15.html"></a></li>
					<li><a class="pattern-16" href="pattern-16.html"></a></li>
					<li><a class="pattern-17" href="pattern-17.html"></a></li>
					<li><a class="pattern-18" href="pattern-18.html"></a></li>
				</ul>	
			</div>		
			
			<div class="section cf">		
				<strong>Right Side Backgrounds</strong> <br />
			
				<ul id="rbg-patt">
					<li><a class="pattern-27" href="pattern-27.html"></a></li>
					<li><a class="pattern-20" href="pattern-20.html"></a></li>
					<li><a class="pattern-21" href="pattern-21.html"></a></li>
					<li><a class="pattern-22" href="pattern-22.html"></a></li>
					<li><a class="pattern-23" href="pattern-23.html"></a></li>
					<li><a class="pattern-24" href="pattern-24.html"></a></li>
					<li><a class="pattern-25" href="pattern-25.html"></a></li>
					<li><a class="pattern-26" href="pattern-26.html"></a></li>
				</ul>	
		</div>			
				
	</div> <!-- END options -->
	<div id="closer">
		<a class="opener" href="#"></a>
		<a class="closerer" href="#"></a>
	</div>
	
</div><!-- END optwrap -->	

<!--  END STYLE SWITCHER (preview only)  -->

	<div id="container" class="cf">
	
		<div id="left-side" class="pattern-17">
		
			<div id="left-inner" class="cf">		
				
				<div id="logo">
					<h1><a class="local" href="index-content-slider.html#home"><img src="../img/logo/orange.png" alt="Motivation - a Single Page Portfolio" /></a></h1>
				</div><!-- end logo -->
				
				<div id="navigation" class="sticky-nav">
					<ul class="nav">
						<li><a href="index-content-slider.html#home">Home</a></li>
						<li><a href="index-content-slider.html#about">About</a></li>
						<li><a href="index-content-slider.html#portfolio">Portfolio</a></li>
						<li><a href="index-content-slider.html#elements">Page Elements</a></li>
						<li class="active"><a href="index-content-slider.html#blog">Blog</a></li>
						<li><a href="index-content-slider.html#contact">Contact</a></li>
					</ul><!-- end nav -->
				</div><!-- end navigation -->
				
				<div id="social-networks">
					<h3>Let's Socialize!</h3>
				
					<ul id="social-links">
						<li class="facebook-bg" title="Facebook"><a href="#">Facebook</a></li>
						<li class="youtube-bg" title="Youtube"><a href="#">Vimeo</a></li>
						<li class="yahoo-bg" title="Yahoo"><a href="#">Yahoo</a></li>
						<li class="pinterest-bg" title="Pinterest"><a href="#">Pinterest</a></li>																			
						<li class="twitter-bg" title="Twitter"><a href="#">Twitter</a></li>
						<li class="dribbble-bg" title="Dribbble"><a href="#">Dribbble</a></li>
						<li class="google-bg" title="Google +"><a href="#">Google</a></li>				
					</ul><!-- end social-links -->
				</div><!-- end social-networks -->
				<div id="copyright">Copyright &copy; 2013 Motivation. All rights reserved</div><!-- end copyright -->
			</div><!-- end left-inner -->	
		</div><!-- end left-side -->
		
		<div id="right-side" class="pattern-20">			
			
			<div id="blog" class="page">			
				<h2 class="title">The Blog</h2>
				<p class="page-subtitle">-Yet Another Subtitle-</p>		
				
				<div class="blog-post cf">				
					<div class="meta">
						<div class="blog-type text-post"></div><!-- end blog-type -->
						<div class="date">
							<span class="day">6</span>
							<span class="month">feb</span>
						</div><!-- end date -->
						
						<div class="share-post">
							
							<ul class="share-networks">
								<li><a class="facebook-tran" href="#"></a></li>
								<li><a class="pinterest-tran" href="#"></a></li>
								<li><a class="google-tran" href="#"></a></li>
								<li><a class="twitter-tran" href="#"></a></li>
							</ul>
							
							<a class="share-btn closed" href="#">Share</a>
							
						</div><!-- share-post -->
												
					</div><!-- end meta -->
					
					<div class="blog-preview cf">
						<img src="../img/blog/001.jpg" alt="Image Description" />
						
						<div class="blog-title">
							<h3><a href="#">Champagne Supernova</a></h3>
							<span class="tags">by <a href="#">Admin</a> in <a href="#">Photoshop</a>, <a href="#">InDesign</a>, <a href="#">Fireworks</a> with <a href="#">5 comments</a></span>
						</div><!-- end blog-title -->
											
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit enim, consequat et rhoncus quis, tempus ac elit. Donec vel sem nibh, eu aliquet leo. Praesent dapibus, massa euismod tempus scelerisque, ipsum tellus.</p>
												
						<p>Vivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor, lectus at dapibus egestas, tellus ipsum rhoncus orci, eu vestibulum nisi orci quis nunc. Vivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus.</p>
												
						<p>Morbi accumsan nulla ac urna elementum dapibus. Phasellus eu felis orci, sit amet placerat eros. Sed aliquet iaculis nisi id convallis. Suspendisse id enim et turpis faucibus consectetur. Curabitur tempus arcu ac massa vulputate fermentum at non nisi. Cras non massa ipsum, lobortis cursus purus. Curabitur sed vestibulum diam. Praesent turpis elit, ultricies eget pellentesque quis, tempor id sapien. Morbi accumsan nulla ac urna elementum dapibus. Phasellus eu felis orci, sit amet placerat eros. Sed aliquet iaculis nisi id convallis. Suspendisse id enim et turpis faucibus consectetur.</p>
									
						<blockquote class="quote-left">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit enim, consequat et rhoncus quis, tempus ac elit. </p>
							<div class="author">John Doe <br /> Personalize, inc</div>
						</blockquote>						
					
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit enim, consequat et rhoncus quis, tempus ac elit. Donec vel sem nibh, eu aliquet leo. Praesent dapibus, massa euismod tempus scelerisque, ipsum tellus.</p>
												
									
						<p>Suspendisse id enim et turpis faucibus consectetur. Curabitur tempus arcu ac massa vulputate fermentum at non nisi. Cras non massa ipsum, lobortis cursus purus. Curabitur sed vestibulum diam. Praesent turpis elit, ultricies eget pellentesque quis, tempor id sapien. Morbi accumsan nulla ac urna elementum dapibus. Phasellus eu felis orci, sit amet placerat eros. Sed aliquet iaculis nisi id convallis. Suspendisse id enim et turpis faucibus consectetur.</p>
						
						<a class="button tiny-btn" href="index-content-slider.html#home">&larr; Back to Homepage</a>						
						
					</div><!-- end blog-preview -->	

					<div class="separator"></div>
						
					<div class="post-author">
						<h4>About The Author</h4>
						<div class="avatar">
							<img src="../img/author.jpg" alt="Image Description" />
						</div>
						<strong>Johnathan John Doe,</strong>
						<p>Cras non massa ipsum, lobortis cursus purus. Curabitur sed vestibulum diam. Praesent turpis elit, ultricies eget pellentesque quis, tempor id sapien. Vivamus sit amet odio pellentesque odio faucibus tristique.</p>
					</div><!-- end author -->
					
					<div class="separator"></div>	

					<div class="comments-section cf">
						<h3><span>There are /</span>/  4 Comments In This Article</h3>	
						
						<div class="comment cf">
						
							<div class="avatar comment-avatar">
								<img src="../img/avatar.jpg" alt="Image Description" />
							</div>
								
							<div class="comment-text">								
								<cite><a class="comment-author" href="#">Angry Looking Guy</a></cite><br />
								<span class="comment-date">23rd February, 2013 at 14:29</span>
								<p>Morbi accumsan nulla ac urna elementum dapibus. Phasellus eu felis orci, sit amet placerat eros. Sed aliquet iaculis nisi id convallis. Quisque nec ligula ut felis hendrerit iaculis quis sed neque. Maecenas arcu risus, ultricies et iaculis vitae, in sem. Quisque nec ligula ut felis hendrerit iaculis.</p>
								<a class="reply button tiny-btn" href="#">Reply</a>
							</div><!-- end comment-text -->
							
						</div><!-- end comment -->	
						
						<!-- Reply Comments Children Level 1-->
						<ul class="comment-reply">
							<li>
								<div class="comment cf">
						
									<div class="avatar comment-avatar">
										<img src="../img/avatar.jpg" alt="Image Description" />
									</div>
										
									<div class="comment-text">								
										<cite><a class="comment-author" href="#">Angry Looking Guy</a></cite><br />
										<span class="comment-date">23rd February, 2013 at 14:29</span>
										<p>Sed aliquet iaculis nisi id convallis. Quisque nec ligula ut felis hendrerit iaculis quis sed neque. Maecenas arcu risus, ultricies et iaculis vitae, in sem. Quisque nec ligula ut felis hendrerit iaculis.</p>
										<a class="reply button tiny-btn" href="#">Reply</a>
									</div><!-- end comment-text -->
								
								</div><!-- end comment -->	
								
								<!-- Reply Comments Children Level 2 (replied to the above comment) -->
								<ul class="comment-reply">
									<li>
										<div class="comment cf">
						
											<div class="avatar comment-avatar">
												<img src="../img/avatar.jpg" alt="Image Description" />
											</div>
												
											<div class="comment-text">								
												<cite><a class="comment-author" href="#">Angry Looking Guy</a></cite><br />
												<span class="comment-date">23rd February, 2013 at 14:29</span>
												<p>Quisque nec ligula ut felis hendrerit iaculis quis sed neque. Maecenas arcu risus, ultricies et iaculis vitae, in sem. Quisque nec ligula ut felis hendrerit iaculis.</p>
												<a class="reply button tiny-btn" href="#">Reply</a>
											</div><!-- end comment-text -->
										
										</div><!-- end comment -->	
									</li>
								</ul>
							</li>							
						</ul>

						<div class="comment cf">
						
							<div class="avatar comment-avatar">
								<img src="../img/avatar.jpg" alt="Image Description" />
							</div>
								
							<div class="comment-text">								
								<cite><a class="comment-author" href="#">Angry Looking Guy</a></cite><br />
								<span class="comment-date">23rd February, 2013 at 14:29</span>
								<p>Morbi accumsan nulla ac urna elementum dapibus. Phasellus eu felis orci, sit amet placerat eros. Sed aliquet iaculis nisi id convallis. Quisque nec ligula ut felis hendrerit iaculis quis sed neque. Maecenas arcu risus, ultricies et iaculis vitae, in sem. Quisque nec ligula ut felis hendrerit iaculis.</p>
								<a class="reply button tiny-btn" href="#">Reply</a>
							</div><!-- end comment-text -->
							
						</div><!-- end comment -->	
											
					</div><!-- end comments-section -->
					
					<div id="comments-form">
						<h3>Leave a Comment</h3>
						
						<form id="contact-form" method="post" action="http://www.ivanjevremovic.in.rs/live/motivation/orange/submitemail.php">						
							<label for="name">Name: (*)</label><input  class="textbox" type="text" name="comm-name" id="comment-name" />
							<label for="email">E-mail: (*)</label><input  class="textbox" type="text" name="comment-email" id="comment-email" />							
							<label for="comment-message">Message: (*)</label><textarea class="textbox" name="comment-message" id="comment-message" rows="" cols=""></textarea>
							<label for="check">Answer: (*)</label><span class="security-question"></span><input type="text" name="check" id="check" /><br />
							<input class="button small-btn" type="submit" name="post-comment" value="Post Comment" id="post-comment" /> <br />
							<p id="message-outcome"></p>
						</form>
							
					</div><!-- end comment-form -->
					
				</div><!-- end blog-post -->				
				
			</div><!-- end blog -->		
						
		</div><!-- end right-side -->
		
	</div><!-- end container -->
	
</body>


<!-- Mirrored from www.ivanjevremovic.in.rs/live/motivation/orange/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 18 Mar 2013 08:35:09 GMT -->
</html>